<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>来自TCL</title>
    <link rel="stylesheet" href="css/tcl.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <script src=https://cdn.bootcss.com/jquery/2.0.0/jquery.js></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- 顶部关闭广搞 -->
        <div class="displaylog">
            <span class="colse">X</span>
        </div>
        <!-- 导航栏 -->
        <div class="list">
            <div class="nav">
                <div class="navleft">
                    <!-- 左侧ul -->
                    <ul>
                        <li>English</li>
                        <li>TCL新闻</li>
                        <li>员工内购</li>
                        <li>企业采购</li>
                        <li>经销商之家</li>
                        <li>雷鸟</li>
                    </ul>
                    <!--微信弹出框  -->
                    <span class="signal">
                   <a class="wx">关注微信公众号</a>
                   <div class="eject">扫一扫关注微信！
                    <img src="img/wechat.jpg">
                   </div>
                </span>
                    <!--右侧ul  -->
                    <div class="navright">
                        <ul>
                            <li class="cc">购物车<span class="num">(0)</span></li>
                            <i></i>
                            <li>注册</li>
                            <i></i>
                            <li>登录</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- logo所在行 -->
        <div class="logorow">
            <div class="row">
                <a href="index.html" ><img src="img/logoT.jpg"  ></a>
                <!-- logo旁边的物品列表 -->
                <div class="articles">
                    <ul>
                        <li><a>首页</a></li>
                        <li><a>电视</a></li>
                        <li><a>手机</a></li>
                        <li><a>空调</a></li>
                        <li><a>冰箱</a></li>
                        <li><a>洗衣机</a></li>
                        <li><a>健康电器</a> </li>
                    </ul>
                    <i class="bord"> </i>
                </div>
                <!-- 右侧列表 -->
                <div class="articlesright">
                    <i></i>
                    <ul>
                        <li>服务</li>
                        <li>社区</li>
                        <li>积分兑换</li>
                    </ul>
                </div>
                
                <!-- input搜索框 -->
                <span class="search">
                    <input type="text" placeholder="电视" class="havelist">
                    <span class="inpu"><img src="img/input.jpg"></span>
                <ul class="new">
                    <li>新品上市</li>
                    <li>曲面</li>
                    <li>4K</li>
                    <li>变频</li>
                    <li>滚筒</li>
                </ul>
                </span>
            </div>
            <div class="activelistall">
                <div class="tv1"></div>
                <div class="phone1"></div>
                <div class="kongtiao1"></div>
                <div class="bingx1"></div>
                <div class="xiyiji1"></div>
                <div class="nice1"></div>
            </div>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="banner">
        <div class="bannerl">
            <div class="leimu">
                <div class="leim">
                    <ul>
                        <li>4K系列<span>></span></li>
                        <li>曲面系列<span>></span></li>
                        <li>空调热销<span>></span></li>
                        <li>冰洗爆款<span>></span></li>
                        <li>健康家电<span>></span></li>
                        <li>乐华电视<span>></span></li>
                        <li>手机及配件<span>></span></li>
                    </ul>
                </div>
                <div class="leilist">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
            </div>
            <!-- 轮播 -->
            <div class="figure">
                <div class="figurel">
                    <a class="b1"><img src="img/CkgbllnQobSANV3wAAMDLRl8IUY341.jpg"></a>
                    <a class="b2"><img src="img/CkgbllnAyIKAfoYuAAE-2e2YH54674.jpg"></a>
                </div>
                <div class="dianj">
                    <ul>
                        <li class="lred">●</li>
                        <li>●</li>
                    </ul>
                </div>
                <div class="aruch">
                    <a class="a1">
                        <</a>
                            <a class="a2">></a>
                </div>

            </div>
        </div>
    </div>
    <!-- 三个图 -->
    <div class="suolie">
        <div><img src="img/CkgbllmnY6iAOrFxAAB1G-MJpZ8360.jpg"></div>
        <div><img src="img/CkgbllmpEEyARqnnAAA97_gtY7k520.jpg"></div>
        <div><img src="img/CkgbllmJIYOAbL06AAA8mUEHzJo747.jpg"></div>
    </div>
    <div class="lastlt">
            <div id="no" class="iconfont icon-wodekefu"></div>
            <div class="icon">&#xe604;</div>
        </div>    
    <!--所有列表 -->
    <div class="alllist">
        <div class="alllist1">
                <div class="lt">
                        <div>电视</div>
                        <div>冰箱</div>
                        <div>洗衣机</div>
                        <div>空调</div>
                        <div>健康</div>
                        <div>配件</div>
                        <div>手机</div>
                    </div>
            <!--电视列表  -->
            <div class="tvlist">
                <header>
                    <h2>电视</h2>
                    <a>曲面</a>
                    <a>4K超清</a>
                    <a>高色域</a>
                    <a>安卓智能</a>
                    <span>更多 ></span>
                </header>
                <div class="box">
                    <div class="leftbox">
                        <img src="img/CkgblllQnqWAYgR1AADWzwWomQE956.jpg">
                    </div>
                    <div class="tvlist1"></div>
                </div>
            </div>
            <!-- 冰箱 -->
            <div class="tvlist">
                <header>
                    <h2>冰箱</h2>
                    <a>双门设计</a>
                    <a>三门设计</a>
                    <a>多门设计</a>
                    <a>对门设计</a>
                    <span>更多 ></span>
                </header>
                <div class="box">
                    <div class="leftbox"> <img src="img/Ckgbllle4O2ALrfSAABbf5hu5Mk167.jpg"></div>
                    <div class="bingxianglist1"></div>
                </div>
            </div>
            <!-- 洗衣机 -->
            <div class="tvlist">
                <header>
                    <h2>洗衣机</h2>
                    <a>波轮全自动</a>
                    <a>滚筒变频</a>
                    <a>滚筒定频</a>
                    <span>更多 ></span>
                </header>
                <div class="box">
                    <div class="leftbox"> <img src="img/CkgblllQrO2AT3KHAACP0ioBPJ8522.jpg"></div>
                    <div class="xiyilist1"></div>
                </div>
            </div>
            <!-- 空调 -->
            <div class="tvlist">
                <header>
                    <h2>空调</h2>
                    <a>挂壁式</a>
                    <a>圆柱式</a>
                    <a>立柜式</a>
                    <span>更多 ></span>
                </header>
                <div class="box">
                    <div class="leftbox"> <img src="img/CkgbllmJEUiAWHNhAABaEW20O44342.jpg"></div>
                    <div class="kongtiaolist1"></div>
                </div>
            </div>
            <!-- 健康用品 -->
            <div class="tvlist">
                <header>
                    <h2>健康用品</h2>
                    <a>空气净化器</a>
                    <a>净水器</a>
                    <a>热水器</a>
                    <a>除螨仪</a>
                    <span>更多 ></span>
                </header>
                <div class="box">
                    <div class="leftbox"> <img src="img/CkgbllmsqluAH1_0AABym4j0nCs551.jpg"></div>
                    <div class="yongpinlist1"></div>
                </div>
            </div>
            <!-- 手机 -->
            <div class="tvlist">
                <header>
                    <h2>手机</h2>
                    <a>大屏</a>
                    <a>平板</a>
                    <span>更多 ></span>
                </header>
                <div class="box">
                    <div class="leftbox"> <img src="img/Ckgbllle4ayAV9jqAAB-stj1E9w682.jpg"></div>
                    <div class="phonelist1"></div>
                </div>
            </div>
            <!--周边配件 -->
            <div class="tvlist">
                <header>
                    <h2>周边</h2>
                    <a>数据线</a>
                    <a>移动电源</a>
                    <a>耳机</a>

                    <span>更多 ></span>
                </header>
                <div class="box">
                    <div class="leftbox"> <img src="img/CkgblllctSSAUcxsAACVH3BUjFg380.jpg"></div>
                    <div class="zhoubian"></div>
                </div>
            </div>
            
        </div>
        <!-- TCL动态 -->
        <div class="tcllist">
            <div class="tcl">
                <header>
                    <h2>TCL动态</h2>

                    <span>更多 ></span>

                </header>
                <div class="tclbox">
                    <ul></ul>

                </div>
                <div class="more">查看更多>>></div>
            </div>

        </div>
    </div>
    <!-- 尾部 -->
    <footer>
        <div class="footbox">
            <ul>

                <li><span>官</span><a>官方正品</a></li>
                <li><span>保</span><a>全国联保</a></li>
                <li><span>正</span><a>全场包邮</a></li>
                <li><span>品</span><a>7天为理由退货</a></li>
            </ul>
        </div>
        <div class="footerbox2">
            <dl>
                <dt>帮助中心</dt>
                <dd><a>购物指南</a></dd>
                <dd><a>支付方式</a></dd>
                <dd><a>配送方式</a></dd>
                <dd><a>交易条款</a></dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd><a>售后服务</a></dd>
                <dd><a>自助服务</a></dd>
                <dd><a>进度查询</a></dd>
            </dl>
            <dl>
                <dt>客户服务</dt>
                <dd><a>内购平台</a></dd>
                <dd><a>大宗采购</a></dd>
                <dd><a>经销商之家</a></dd>
                <dd><a>十分到家</a></dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd><a>联系我们</a></dd>
                <dd><a>官方微博</a></dd>
                <dd><a>铁粉社区</a></dd>
            </dl>
            <dl>
                <dt>应用服务</dt>
                <dd><a>雷鸟</a></dd>
                <dd><a>欢网</a></dd>
                <dd><a>金融</a></dd>
                <dd><a>教育</a></dd>
                <dd><a>全球播</a></dd>
                <dd><a>智能家居</a></dd>
            </dl>
            <dl>
                <dt>官方微商城</dt>
                <dd><img src="img/wechat.jpg"></dd>
            </dl>
            <dl class="last-r">
                <p class="ppt">4008-123456</p>
                <p>(24小时在线,仅收市话费)</p>
                <b class="bbt">24小时在线客服<b/>
            </dl>
        </div>
    </footer>
    <div class="fo">
        <div class="fooot">
        <div class="foo">
            <div><a>关于TCL</a><span>|</span></div>
            <div><a>投资者关系</a><span>|</span></div>
            <div><a>社会责任</a><span>|</span></div>
            <div><a>新闻中心</a><span>|</span></div>
            <div><a>人才招聘</a><span>|</span></div>
            <div><a>成员网站</a></div>
        </div>
        <div class="ff">
            <p>©2010-2016 TCL CORPORATION All Rights Reserved. TCL集团股份有限公司版权所有 粤ICP备05040863号使用条款|法律声明|隐私保护</p>
        </div>
        <div class="laaa">
                <ul>
                    <li><a>中文简体</a><span>|</span></li>
                    <li><a>English</a></li>
                    <li> <img src="img/credibility.png"></li>           </ul>
            </div>
        </div>  
    </div>
 
</body>
</html>
<script src="js/tcl.js"></script>
<script src="js/json.js"></script>